<template>
    <div class="check-box-left" style="border: none;">
        <div style="margin: 20px 0px;">请假申请:</div>
        <div class="check-box-left-info">
            <p>审批类型：<span>{{ checkDataItem.processName }}</span></p>
            <p style="margin-left: 22.5%;">开始时间<span>{{ checkDataItem.startTime }}</span></p>
        </div>
        <div class="check-box-left-info">
            <p>休假类别:<span>事假</span></p>
            <p style="margin-left: 23.5%;">结束时间:<span>{{ checkDataItem.endTime }}</span></p>
        </div>
        <div class="check-box-left-info">
            <p>请假时长:<span>{{ checkDataItem.holidayType }}</span></p>
            <p style="margin-left: 26.5%;">申请单位:<span>{{ checkDataItem.applyUnit }}</span></p>
        </div>
        <div class="check-box-left-info">
            <p>申请事由:<span>{{ checkDataItem.reason }}</span></p>
            <p style="margin-left: 20%;">审批状态:
                <span>
                    {{
                        checkData.processState == 0 ? "已提交" :
                            checkData.processState == 1 ? "审批中" :
                                checkData.processState == 2 ? "审批通过" :
                                    checkData.processState == 3 ? "审批不通过" :
                                        checkData.processState == 4 ? "撤销" : ""
                    }}
                </span>
            </p>
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const props = defineProps({
    checkDataItem: {
        type: Object,
        default: () => { }
    },
    type: {
        type: Number,
        default: 1
    },
    checkData: {
        type: Object,
        default: () => { }
    }
})
</script>

<style lang="scss" scoped>
.check-box {
    padding: 20px;
    background-color: #fff;
    width: 80%;

    .check-box-left {
        margin-top: 20px;
        border-bottom: 2px solid #dcdfe6;
        color: #646a73;
        font-size: 14px;

        .check-box-left-info {
            display: flex;
            margin-top: 5px;
            padding-bottom: 20px;

            span {
                font-size: 16px;
                margin-left: 5px;
                color: #000
            }

        }

    }
}
</style>